import styled from 'styled-components'
import Icon from '@/components/Icon'

export const Wrap = styled.div`
	height: 100%;
	ul {
		margin-left: 60px;
		overflow-y: auto;
		height: calc(100% - 120px);
		li {
			margin-bottom: 12px;
			.checking-name {
				font-size: 14px;
				display: flex;
				align-items: center;
			}
			.checking-desc {
				margin: 10px 0 0 37px;
			}
		}
	}
`
export const IconAvatar = styled(Icon)`
	width: 24px;
	height: 24px;
	background-position: 0 -75px;
	cursor: default;
	margin-right: 14px;
`
export const IconInfo = styled(Icon)`
	width: 15px;
	height: 15px;
	background-position: -3px -2091px;
	margin-left: 5px;
`
